<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>门店管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="/X-admin/css/font.css">
    <link rel="stylesheet" href="/X-admin/css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="/X-admin/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/X-admin/js/xadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<div class="x-nav">
      <span class="layui-breadcrumb">
      </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
       href="javascript:location.replace('{:url('Admin/Shop/index')}');" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
</div>
<div class="x-body">
    <div class="layui-row">
        <form class="layui-form layui-col-md12 x-so" action="{:url('Admin/Shop/index')}">
            <input class="layui-input" placeholder="开始日" name="start_time" id="start">
            <input class="layui-input" placeholder="截止日" name="end_time" id="end">
            <input type="text" name="shopName" placeholder="请输入店铺名称" autocomplete="off" class="layui-input">
            <button class="layui-btn" lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
        </form>
    </div>
    <xblock>
        <button class="layui-btn" onclick="x_admin_show('添加商铺','{:url('Admin/Shop/add')}')"><i class="layui-icon"></i>添加
        </button>
        <span class="x-right" style="line-height:40px">共有数据：{:$shopList->total()} 条</span>
    </xblock>
    <table class="layui-table">
        <thead>
        <tr>
            <th>
                <div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i
                        class="layui-icon">&#xe605;</i></div>
            </th>
            <th>ID</th>
            <th>商铺名</th>
            <th>商户地址</th>
            <th>坐标</th>
            <th>创建时间</th>
            <th>状态</th>
            <th>上门服务状态</th>
            <th>操作</th>
        </thead>
        <tbody>{foreach name="shopList" item="vo"}
        <tr>
            <td>
                <div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='{$vo.shopId}'><i
                        class="layui-icon">&#xe605;</i></div>
            </td>
            <td>{$vo.shopId}</td>
            <td>{$vo.shopName}</td>
            <td>{$vo.address}</td>
            <td>{$vo.lng} , {$vo.lat}</td>
            <td>{$vo.addtime}</td>
            <td class="td-status">
              <span onclick="update('status', {$vo.shopId}, {$vo.status})"  class="layui-btn layui-btn-normal layui-btn-mini {$vo.status? '' : 'layui-btn-disabled'}">
                {switch $vo.status}
                        {case 1}正常{/case}
                        {case 2}禁用{/case}
                    {/switch}
              </span>
            </td>
            <td class="td-type">
                <span onclick="update('type', {$vo.shopId}, {$vo.type})"
                      class="layui-btn layui-btn-normal layui-btn-mini {$vo.type? '' : 'layui-btn-disabled'}">
                    {switch $vo.type}
                        {case 1}开启{/case}
                        {case 2}关闭{/case}
                    {/switch}
                </span>
            </td>
            <td class="td-manage">

                <a title="编辑" onclick="x_admin_show('编辑店铺','{:url('Admin/Shop/edit',array('shopId'=>$vo.shopId))}')"
                   href="javascript:;">
                    <i class="layui-icon">&#xe642;</i>
                </a>
                <a title="删除" onclick="member_del(this,'{$vo.shopId}')" href="javascript:;">
                    <i class="layui-icon">&#xe640;</i>
                </a>
            </td>
        </tr>
        {/foreach}
        </tbody>
    </table>
    <div class="page">
        <div>
            {$shopList->render()}
        </div>
    </div>

</div>
<script>
    layui.use('laydate', function () {
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#end' //指定元素
        });
    });

    // 修改门店数据
    function update(type, shopId, value) {
        jQuery.ajax({
            url: "{:url('Admin/shop/update')}",
            type: "post",
            dataType: "json",
            async: true,
            data: {
                type: type,
                shopId: shopId,
                value: value
            },
            success: function (data) {
                console.log(data)
                if (data.code == 1) {
                    layer.msg(data.msg, {icon: 6, time: 3000});
                    location.reload();//刷新父页面
                } else {
                    layer.msg(data.msg, {icon: 5, time: 3000});
                }
            },
        });
    }

    /*店铺-删除*/
    function member_del(obj, id) {
        layer.confirm('确认要删除吗？', function (index) {
            //发异步删除数据
            jQuery.ajax({
                url: "{:url('Admin/Shop/del')}",
                type: "post",
                dataType: "json",
                async: true,
                data: {
                    shopId: id
                },
                success: function (data) {
                    if (data.code) {
                        $(obj).parents("tr").remove();
                        layer.msg(data.msg, {icon: 1, time: 1000});
                    } else {
                        layer.msg(data.msg, {icon: 1, time: 1000})
                    }

                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    layer.msg('执行时发生一个未知错误！错误代码：' + textStatus, {icon: 5, time: 3000});
                }
            });
            //
        });
    }
</script>
</body>

</html>